<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="../../../element/index.css" rel="stylesheet" />
		<script src="../../../js/vue.js"></script>
		<script src="../../../element/index.js"></script>
		<script src="../../../js/axios.js"></script>
		<script src="../../../js/gsaucommon.js"></script>
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			#app {
				width: 1200px;
				margin: 30px auto;
				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
			}

			.el-header {
				margin-top: 10px;
				height: 300px;
			}

			.name {
				height: 50px;
				position: sticky;
				top: 0px;
				z-index: 999;
				background-color: white;
				border: 2px solid #F8F8FF;
				margin-top: 0px;
			}

			.title {
				width: 150px;
				height: 40px;
				margin-top: 15px;
				text-align: center;
			}

			.add-data {
				width: 150px;
				height: 40px;
				margin-top: 8px;
				margin-left: 35px;
			}

			.search {
				width: 230px;
				height: 40px;
				margin-top: 7px;
				font-size: 15px;
			}

			.search_span {
				font-size: 15px;
				padding-left: 50px;
				margin-top: 15px;
			}

			.status {
				width: 350px;
				margin-top: 7px;
				height: 40px;
				font-size: 15px;
			}

			.search-icon {
				width: 600px;
				margin-top: 15px;
				height: 40px;
				font-size: 15px;
			}

			.el-main {}

			.main_text {
				width: 1100px;
				margin: 0 auto;
			}

			.el-footer {
				height: 40px;
			}

			.page {
				width: 550px;
				margin: 15px auto;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<el-container>
				<el-header class="name">
					<el-row>
						<el-col :span="21">
							<div class="title">
								<h3>审核管理</h3>
							</div>
						</el-col>
						<!-- <el-col :span="1">
							<div class="add-data">
								<el-button type="primary"  @click="goaddLunWen " style="margin: 10px;">
									<!-- <el-link href="addLunWen.html" style="color: white;"></el-link> -->
								<!-- 	添加
								</el-button>
							</div>
						</el-col> --> 
					</el-row>
				</el-header>
				<!-- 页眉 -->
				<el-header>
					<el-row>
						<el-col :span="2">
							<div class="search_span">名称：</div>
						</el-col>
						<el-col :span="8">
							<div class="search">
								<el-input v-model="search_message" placeholder="请输入关键词"> </el-input>
							</div>
						</el-col>
						<el-col :span="3">
							<div class="search-icon" style="text-align: right;">
								<el-button  type="primary" size="small" icon="el-icon-search" @click="searchexamine()">搜索</el-button>
							</div>
						</el-col>
					</el-row>
				</el-header>
				<!-- 正文 -->
				<el-main>
					<el-row>
						<el-col :span="24">
							<div class="main_text">
								<template>
									<el-table :data="tableData" stripe border style="width: 100%" highlight-current-row>
										<el-table-column prop="id" type="index" label="序号" width="50"></el-table-column>
										<el-table-column prop="name" label="论文名称" width="440"></el-table-column>
										<el-table-column prop="createTime" label="提交时间" width="170"></el-table-column>
										<el-table-column prop="lunwenLeixing" label="论文类型" width="170"></el-table-column>
										<el-table-column prop="node" label="审核状态" width="88"></el-table-column>
										<el-table-column prop="tianbaoName" label="提交人" width="88"></el-table-column>
										<el-table-column fixed="right" label="操作" width="80">
											<template slot-scope="scope">
												<el-button type="primary" size="mini" @click="get(scope.row)">
													审核
												</el-button>
											</template>
										</el-table-column>
									</el-table>
								</template>
							</div>
						</el-col>
					</el-row>
				</el-main>
				<!-- 页尾 -->
				<el-footer>
					<el-row>
						<el-col :span="24">
							<div class="page">
								<el-pagination @click="change_page(index)" :page-sizes="[page_sizes]"
									layout="total, sizes, prev, pager, next, jumper" :total="page_total"
									@current-change="handleCurrentChange" :background="true"
									></el-pagination>
							</div>
						</el-col>
					</el-row>
				</el-footer>
			</el-container>
		</div>
	</body>
</html>
<script>
	//3:由Vue挂载elements
	new Vue({
		el: "#app",
		data: {
			status: [],
			id: "",
			search_message: "",
			status_value: "",
			page_total:0,
			page_sizes: 5,
			recoreId:0,
			name:'',
			pageindex:'1',
			tableData: [1],
			lunwen:[],
			search_options: [{
				value: 'tableData.project',
			}],
		},
		methods: {
			handleCurrentChange(val) {
			    console.log(`当前页: ${val}`)
				this.pageindex=val
				this.searchexamine()
			},
			
			searchexamine:function(){
				let params={
					"guanjianzi":'',
					"status":'',
					"page":''
				}
				params.guanjianzi=this.search_message
				params.status=this.status_value
				params.page=this.pageindex
				console.log(params)
				var id1=0
				axios.post(window.gsau+"lunwen/findexamine",params).then((res) => {
					console.log(res)
					this.tableData = res.data.data[0].records
					//this.recoreId=res.data.data[0].records[0].recoreId
					this.page_total=res.data.data[0].total
			    })
				this.pageindex=1
			},
			
			change_page: function(index) {
				
			},
			
			get:function(row){
				this.id=row.id
				localStorage.setItem("id",this.id)
				window.location.href="ShenHeLunWen.html"
			},
		},
		created: function() {
			this.searchexamine()
		},

	})
</script>
